<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="http://cdn2.editmysite.com/css/sites.css?buildTime=1366246645" type="text/css" /><link rel='stylesheet' type='text/css' href='http://cdn1.editmysite.com/editor/libraries/fancybox/fancybox.css?1366246645' />
<link rel='stylesheet' href='http://cdn1.editmysite.com/editor/images/common/common-v2.css?buildTime=1366246645' type='text/css' />
<title>Register Form</title>
</head>
<style type='text/css'>
.wsite-elements div.paragraph, .wsite-elements p, .wsite-elements .product-block .product-title, .wsite-elements .product-description, .wsite-elements .wsite-form-field label, .wsite-elements .wsite-form-field label, #wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
#wsite-content div.paragraph, #wsite-content p, #wsite-content .product-block .product-title, #wsite-content .product-description, #wsite-content .wsite-form-field label, #wsite-content .wsite-form-field label, .blog-sidebar div.paragraph, .blog-sidebar p, .blog-sidebar .wsite-form-field label, .blog-sidebar .wsite-form-field label {}
.wsite-elements h2, .wsite-elements .product-long .product-title, .wsite-elements .product-large .product-title, .wsite-elements .product-small .product-title, #wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
#wsite-content h2, #wsite-content .product-long .product-title, #wsite-content .product-large .product-title, #wsite-content .product-small .product-title, .blog-sidebar h2 {}
#wsite-title {font-family:'Lilly' !important;color:#FFFFFF !important;}
</style>

<style type="text/css">
input.rounded {

    border: 1px solid #ccc;

    -moz-border-radius: 12px;

    -webkit-border-radius: 12px;

    border-radius: 12px;

    -moz-box-shadow: 2px 2px 3px #666;

    -webkit-box-shadow: 2px 2px 3px #666;

    box-shadow: 2px 2px 3px #666;

    font-size: 13px;

    padding: 4px 7px;

    outline: 0;

    -webkit-appearance: none;
	
	

}

input.rounded:focus {

    border-color: #0000FF;

}
</style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.ui.core.min.js"></script>
<script type="text/javascript" src="jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="jquery.ui.datepicker.min.js"></script>
<script type="text/javascript" src="jquery.ui.button.min.js"></script>

<script type="text/javascript">
    function trim(s) 
    {
        return s.replace( /^\s*/, "" ).replace( /\s*$/, "" );
    }

    function validate()
    {
        if(trim(document.roommatefinder.username.value)=="")
        {
          alert("Please fill out username.");
          document.roommatefinder.username.focus();
          return false;
        }
        if(trim(document.roommatefinder.password.value)=="")
        {
          alert("Please fill out password.");
          document.roommatefinder.password.focus();
          return false;
        }
        if(trim(document.roommatefinder.cfmpassword.value)=="")
        {
          alert("Please confirm your password.");
          document.roommatefinder.cfmpassword.focus();
          return false;
        }
        if(trim(document.roommatefinder.useremail.value)=="")
        {
          alert("Please fill out Email.");
          document.roommatefinder.useremail.focus();
          return false;
        }
        if(trim(document.roommatefinder.cfmemail.value)=="")
        {
          alert("Please confirm your Email.");
          document.roommatefinder.cfmemail.focus();
          return false;
        }
        if(trim(document.roommatefinder.password.value)!=trim(document.roommatefinder.cfmpassword.value))
        {
        	alert("Please two passwords don't match.");
            document.roommatefinder.password.focus();
            document.roommatefinder.cfmpassword.focus();
            return false;	
       	}
        if(trim(document.roommatefinder.useremail.value)!=trim(document.roommatefinder.cfmemail.value))
        {
        	alert("Please two Email addresses don't match.");
            document.roommatefinder.useremail.focus();
            document.roommatefinder.cfmemail.focus();
            return false;	
       	}
        
    }
</script>

</head>
<body>
<div id="wb_Form1" style="position:absolute;left:50px;top:20px;width:800px;height:300px;z-index:44;">
<form name="roommatefinder" method="post" onSubmit = "return validate();" action="doRegister.jsp" target="_self" id="Form1">
User name : * <input id="username" class="rounded" type="text" name="username" style="width:100px;" /> &nbsp &nbsp &nbsp&nbsp &nbsp
Password : * <input id="password" class="rounded" type="password" name="password" style="width:100px;" /> &nbsp &nbsp &nbsp&nbsp &nbsp
Confirm password : * <input id="cfmpassword" class="rounded" type="password" name="cfmpassword" style="width:100px;" /><br><br>
Email Address : * <input id="useremail" class="rounded" type="text" name="useremail" style="width:200px;" /> &nbsp &nbsp &nbsp&nbsp &nbsp
Confirm Email Address : * <input id="cfmemail" class="rounded" type="text" name="cfmemail" style="width:200px;" /><br><br> 
Would you like to receive newsletter?<input type="checkbox" name="newsletter" value="true"><br> <br><br>
<input type="submit" name="sSubmit" value="Register" />
</form>

<!-- Paypal -->
<div><div class='product-large product'>
<img style='' src='roommatefinder.gif' width="110" height="110" class='product-image' />
<div id='918621111154281602-product-title' class='product-title element' style='text-align:left'>Roommate Finders</div>
<div id='918621111154281602-product-description' class='product-description element' style='; text-align:left'>Help you find the best roommates</div>
<div class='product-large-price'><div id='918621111154281602-product-currency' class='product-currency' style='float:left;'>$</div><div class='product-price element' id='918621111154281602-product-price'>10.00&nbsp;&nbsp;&nbsp;&nbsp;</div>&nbsp;</div>
<div style='height:24px;'><form action='https://www.paypal.com/cgi-bin/webscr' method='post' style='height:0px; margin:0px;' target='paypal' ><input type='hidden' name='business' value='anniefzh@gmail.com' /><input type='hidden' name='cmd' value='_cart' /><input type='hidden' name='add' value='1' /><input type='hidden' name='item_name' value='Roommate Finders' /><input type='hidden' name='amount' value='10.00' /><input type='hidden' name='currency_code' value='USD' /><input class='product-button' type='image' name='submit' src='http://cdn1.editmysite.com/editor/images/add_to_cart_big.gif' /><img alt="" class='paypal-pixel' width="1" height="1" src="https://www.paypal.com/en_US/i/scr/pixel.gif" /> </form></div>
<div style='clear:both'></div>
<form style='display:none' id='423633065901885708-product-data'>
<input type='hidden' name='productID' value='918621111154281602' />
</form>
</div></div>

</div>

</body>
</html>